@charset "UTF-8";
/* CSS Document */




body{
padding-bottom: 5%;
} 

body, body *{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }


.step1 .start{margin-top: 50px;text-align: center;}
.step1 form{margin-top: 65px;}

.menu-list .edit{overflow:hidden;
position:relative;
left: -40px;
top: -47px;
width: 50px;
height:50px}

.menu-list .ico-move.down{position: relative;
top: 14px;
left: -26px;}
}







.layout-selector, .color-selector{margin: 10px 0px 50px 0px;}
.layout-selector ul, .color-selector ul{overflow:hidden;}
.layout-selector ul li{list-style: none;
text-align: center;
margin: 10px;
float: left;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 8px;
padding-bottom: 5px;
-webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);
}
.color-selector ul li{list-style: none;
text-align: center;
margin: 10px;
float: left;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 8px;
padding-right: 8px;
-webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);
overflow:hidden
}


.layout-selector ul li.active, .color-selector ul li.active{background: #8BCB8C!important;}
.layout-selector ul li img{display:block;margin-bottom:8px;}
.color-selector ul li input{float:left;margin-top: 15px;}
.color-selector ul li img{margin-right:8px;float: left;border:#ecebeb 1px solid;}






.scrollable div span{list-style: none;
text-align: center;
margin: 8px;
float: left;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 8px;
padding-bottom: 5px;
-webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);
overflow:hidden;
}

.scrollable div span.active {background: #8BCB8C!important;}

.scrollable div span img{ display:block;}

.menu-container{margin: 30px 0px; width:  100%; height:135px;}

.background-container{margin: 30px 0px; width: 100%; height:135px;}


.scrollable {position:relative;overflow:hidden;width:90%;height:135px;}
.scrollable .items {width:20000em;position:absolute;clear:both;}
.items div {float:left;}
.scrollable {float:left;}
a.browse {margin-top: 50px;display:block;width:20px;height:20px;float:left;cursor:pointer;font-size:1px;}
a.right { background:url(images/carousel_arrow_right.png) no-repeat;}
a.right:hover, a.left:hover  { -moz-opacity: 0.7;opacity: 0.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70); }
a.left {  background:url(images/carousel_arrow_left.png) no-repeat;margin-left: 0px; }
a.disabled {visibility:hidden !important;}




/*+++++++++++*/
.upload  .uploder_button{width: 45%;height: 50px;float: left;}
.upload  .fileupload{display:none;}
.upload  .dropzone{width: 48%;height: 50px;float: right;border: 1px dotted #ccc;text-align: center;line-height: 50px;}
.upload .errror_msj{clear: both;position: relative;top: 10px;margin-bottom: 20px;color: red;}
.upload  .progress_bar{clear:both;display:none}

.upload .uploaded_file{background: #000;}
.upload .uploaded_file img, .upload .cropDiv{margin: 10px auto;}

#header_fields input.span5{width:100%;margin-bottom:10px;}

.uploader_header_gal .icon .edit img{cursor:pointer;}
.uploaded_file .sendCrop{margin:10px;}
.uploaded_file div{text-align:center;}
.uploaded_file button{padding:0 12px 6px 12px;}













p.note{color: #91BEED;
line-height: 1em;
margin-bottom: 30px;}

h3 i{margin-left: -31px;color:#6F6F6F;}

  



.topmenu{overflow:hidden; margin:0px 0px 1px 0px;border-bottom: 1px #F9F9F9 soli}
.topmenu li{float:left;width: 25%;margin-bottom: 2%; border-right:3px #F9F9F9 solid; padding:2em 1.3em;}
.topmenu li:last-child{border:none!important;}
ul ul li, .topmenu li{list-style:none;}
.topmenu li.active{background:#fff;}
.topmenu li:hover{background:#fff;}
.topmenu p{font-size:1.3em;}
.topmenu mark{background: none;font-size: 0.7em;font-style: italic;display: block;}
.topmenu a:hover{text-decoration:none!important;}

ul.menu-list{margin:0px!important;padding:0px!important;}

.domain input{ margin:0 20px!important;}
label{float:none!important;}
.domain{margin:40px 0px;text-align:center;}
.user label{ display:block;text-align:left;width:auto;}
.user .span4 .btn{margin-top:44px;}


.step2 .sidebar{ }
.step2 .step_two_sidebar{ width:90%;}


.step2 .content{ }
.step2 .sidebar ul li[data-page="config"]{background: #444!important;color: #fff!important;}
.step2 .sidebar ul li{line-height: 38px;padding-left: 10px;height: 45px;}
.step2 .sidebar ul li:hover{border-bottom:1px solid #f7f7f7;}
.step2 .sidebar ul li:hover,.step2 .sidebar ul li.on{-moz-opacity: 1;
opacity: 1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
}
.step2 .sidebar ul li.on:not([data-page="config"]){border-left: #F7F7F7 4px solid;color: #363636;}
.step2 .sidebar ul li.block input[type=text]{ color:#888;}
.step2 .sidebar ul li.block:hover input[type=text]{ color:#333333;}
.step2 .sidebar ul li.block:hover{background:none;}
.step2 .sidebar ul li.block i{-moz-opacity: 0.4;opacity: 0.4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50);}

.step2 .sidebar ul li input[type=text]{ background:none!important; border:0px!important;
-webkit-box-shadow:none;
-moz-box-shadow: none;
box-shadow: none;
cursor:pointer!important
}
.step2 .sidebar ul li.on input[type=text]{ color:#363636;}
}


.step2 .sidebar ul li.on:hover input[type=text] { color:#333333;}


.step2 .sidebar ul li.on input[type=text]:focus {
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
background:#fff!important; cursor:text!important;
color:#2180e2; font-style:italic;
  outline: 0;
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}


.step2 .sidebar ul .page{cursor:pointer;}

.step2 .sidebar ul li.on .switch, .step2 .sidebar ul li:hover .switch{}




.step2 .sidebar ul ul li:last-child{border:0px!important;}
.step2 .sidebar ul li label input{float:right; margin:15px;}

.step_two_sidebar li .edit{display:none;}
.step_two_sidebar li.on .edit{display:block!important;}

.step_two_sidebar #add_new_page{margin: 8px 11px;display: block;}
.step_two_sidebar #add_new_page a.add-text-page {color:#8b8d8e!important; font-size:0.9em;}
.step_two_sidebar #add_new_page a.add-text-page:hover{color:#5a5950!important;}
.step_two_sidebar #add_new_page i{opacity: 0.3;}

.step_two_sidebar #add_new_page_selector{margin: 8px 11px;display: block;}
.step_two_sidebar #add_new_page_selector a.add-text-page {color:#8b8d8e!important; font-size:0.9em;}
.step_two_sidebar #add_new_page_selector a.add-text-page:hover{color:#5a5950!important;}
.step_two_sidebar #add_new_page_selector i{opacity: 0.3;}

.page_selector_box{}
.page_selector_box .container{overflow:hidden;}
.page_selector_box .container button{float: left;width: 45%;text-align: left;margin: 2%;padding:0 12px 6px 12px;}
.page_selector_box .close_page_selector_box{left: 41%;position: relative;}





.step2 .container .slider input{margin-left: 99px;}

.add_zone{float: left;position: relative;top: 3px;margin-left: 20px;}
.zones_title{float: left;}

.step2 .container .content input.span10, .step2 .container .content textarea.span10{margin-bottom: 20px;height: 30px;}
.step2 .container .content input.span9, .step2 .container .content textarea.span9{margin-bottom: 20px;height: 30px;}
.step2 .container .content input.span8{margin:0px 10px 20px 0px;height: 30px;}


/*table td img{height:50px}
table td .btn.icon::before { margin:0px!important;}
table td.text{width: 250px;padding-top: 24px;}*/


table td.icon{width: 15%;padding-top: 24px;}


.cropDiv{position:relative;width:400px;}


.joyride-tip-guide.config-sign{top: 221px!important;width: 250px!important;}
.joyride-tip-guide.pages-sign{top: 268px!important;width: 170px!important;}
.joyride-tip-guide.switch-sign{top: 406px!important;width: 250px!important;margin-left: 10px;}
.joyride-tip-guide.addcate-sign{top: 207px!important;width: 300px!important;margin-left: -33px;}



.sidebar .submenu .btn{width: 24px!important;float: right;margin: 9px 9px 0px 0px;height: 24px;padding: 0px;padding-left: 8px;}

.actions{margin-bottom:0px!important} 

.actions.upload{text-align: left;
background: none!important;
padding: 20px 0px;
border: 0px;}

.actions.upload .btn.btn-primary{padding: 4px 12px 6px 12px;margin:0 auto;left: 45%;position: relative;}

h3.pages{ background:#F9F9F9; padding:8px; color:#ccc; font-size:1em;}
.datas{ margin-left:0px!important;}

.content .cate{width: 530px;}
.content .addcate{left: 553px;width: 24px!important;height: 24px;padding: 0px;padding-left: 8px!important;position: relative;top: 33px;}







.switch {
height: 16px;
width: 33px;
border: 1px solid #979797;
border-radius: 5px;
overflow: hidden;
background: #C9403A;
cursor: pointer;
float: right;
top: 16px;
position: relative;
right: 13px;
}
.switch input[type=checkbox] {
display: none;
}
.switch::before {
content: "";
display: block;
height: 16px;
width: 0px;
position: absolute;
border-radius: 5px;
background-color: #5cb85c;
}
.switch.on::before {
width: 33px;
}
.switch > .thumb {
display: block;
width: 15px;
height: 14px;
position: relative;
top: 0;
z-index: 3;
border: solid 1px #EDEDED;
border-radius: 4px;
background-color: #F7F8FA;
background-image: linear-gradient(top, #CECECE, #FBFBFB);
transition: all 0.125s ease-in-out;
transform: translate3d(0,0,0);
margin: 0px;
}
.switch.on > .thumb {
    -webkit-transform: translate3d(16px,0,0);
    -o-transform: translateX(16px);
    -moz-transform: translateX(16px);
}

#userlist{width: 100%!important;}
#userlist td .btn.icon::before{margin:0 0.55em 0 -0.25em!important;}
#user_login_start{border-bottom: 1px solid #CCC;padding-bottom: 50px;padding-left: 20px;}
#user_login_start input{margin:0 25px 0 10px;}


/* Gallery image */
.gallery_image{
width: 50px;
height: 50px;
}
#upload_gallery_picture{display:none;}
#new_galery_button{width:40%;float:right;}


.remove_tab{text-align: right;margin: 2% 0;}
.form-actions{margin-bottom:4%;overflow: hidden;}
.tab-content.datatype{margin-top:2%}

/* Catalog*/ 

.header_categories{overflow:hidden;margin-bottom: 40px}
.header_categories #new_category_button{width:40%;float:right;}
.header_categories .form-control{width: 50%;float:left;}

#new_items{display:none;}
.upload_post .btn-primary{margin-left: 43%}

/* FIXs*/ 

.form-control{margin-bottom: 2%;}
.table{margin-top:50px;}
.modal .form-control{width:100%!important}











